<template>
  <el-card>
    <menu-nav :list="navList"></menu-nav>
    <div class="main">
      <el-empty  :description="$route.query.message"></el-empty>
    </div>


  </el-card>

</template>

<script>
export default {
  name: '404',
  data(){
    return {
      navList: [
        { label: '404', href: '/personal/kaowu/404', name: '/personal/kaowu/404', active: true },
      ],
    }
  },
  created(){
  },
  mounted() {
  },
  methods:{

  }
}
</script>

<style scoped>
    * {
        margin: 0;
        padding: 0;
    }

    html,
    body {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .img {
        color: #F56C6C;
        font-size: 110px;
    }

    .main {
        text-align: center;
       width: 100%;
       height: 100%;
    }

    .lg {
        font-weight: bold;
        font-size: 20px;
    }

    .sm {
        color: #999;
    }

    .item {
        margin-bottom: 20px;
    }
</style>
